<template>
    <el-row class="layout">
        <el-col :span="6">
            <div class="menu">
                <h1 class="menu-title">联保额度申请</h1>
                <ul>
                    <li><router-link to="/basic-info">申请基本信息</router-link></li>
                    <li><router-link to="/member-info">联保成员信息</router-link></li>
                </ul>
            </div>
        </el-col>
        <el-col :span="18">
            <router-view></router-view>
        </el-col>
    </el-row>
</template>

<script>
export default {
    // Your script logic here
};
</script>

<style scoped>
.layout {
    margin-top: 20px;
}

.menu {
    padding: 20px;
    background-color: #f0f2f5;
    border-right: 1px solid #e0e0e0;
}

.menu-title {
    font-family: 'Arial', sans-serif;
    font-size: 28px;
    margin-bottom: 20px;
    color: #333;
}

.menu ul {
    list-style: none;
    padding: 0;
}

.menu ul li {
    margin-bottom: 10px;
}

.menu ul li a {
    text-decoration: none;
    color: #666;
    font-family: 'Arial', sans-serif;
    font-size: 16px;
}

.menu ul li a:hover {
    color: #409EFF;
}

.router-view {
    padding: 20px;
    font-family: 'Arial', sans-serif;
    font-size: 16px;
}
</style>